:root {
  --dark-navy: #0B0C2A;
  --navy: hsl(240, 36%, 17%);
  --gold: #fea527;
  --cream: #FFF3E2;
  --orange: #F4A300;
  --pink: #E8739B;
  --whitee: #bdbdbd
}

/* پایه‌ای */
body {
  background-color: var(--dark-navy);
  color: var(--cream);
  /* font-family: "Vazir", sans-serif; */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}


body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: -1; 
}

body > * {
  position: relative;
  z-index: 1;
}

/* رنگ‌های سفارشی */
.bg-navy { background-color: var(--navy); }
.bg-dark-navy { background-color: var(--dark-navy); }
.text-gold { color: var(--gold); }
.text-cream { color: var(--cream); }
.border-gold { border: 1px solid var(--gold); }
.bgg-cream { color: var(--cream); }


/* دکمه‌ها */
.btn-gold {
  background-color: var(--orange);
  color: var(--dark-navy);
  font-weight: bold;
  transition: all 0.3s;
}
.btn-gold:hover {
  background-color: var(--whitee);
  color: black;
}




/* فرم‌ها */
.form-control-custom {
  background-color: var(--dark-navy);
  color: var(--cream);
  border: 1px solid var(--gold);
}
.form-control-custom:focus {
  background-color: var(--dark-navy);
  color: var(--cream);
  border-color: var(--orange);
  box-shadow: 0 0 0 0.25rem rgba(244, 163, 0, 0.25);
}



/* پیام‌ها */
.alert-gold {
  background-color: var(--navy);
  color: var(--gold);
  border: 1px solid var(--gold);
}

/* صفحه لاگین */
.login-card {
  background: var(--navy);
  border: 2px solid var(--gold);
  max-width: 450px;
}
.login-header {
  background: var(--dark-navy);
  color: var(--gold);
}


.line_input {
    border: 1px  solid #bb9f00;   /* خط طلایی */
    border-radius: 8px;          /* گرد شدن گوشه‌ها */
    padding: 10px;               /* فاصله داخلی */
    outline: none;               /* خط آبی پیش‌فرض مرورگر موقع فوکوس رو حذف می‌کنه */
}